import React, { Component, PropTypes } from 'react'
import { Modal } from 'antd-mobile'

export default class AgreementProtocol extends Component {
  render() {
    const { visible, onClose } = this.props
    return (
      <Modal
        visible={visible}
        animated={false}
        closable={false}
        className={`rt-protocol-modal`}
      >
        <div className={`rt-title`}>风险提示及用户告知书</div>
        {
          Array(11).fill(1).map(v => (
            <p key={Math.random()}>
              刘东亮指出，货币政策更有可能按兵不动，今后货币政策将趋于稳健，更有可能在目前基础上进行微调而非大规模放松，未来降准次数进一步减少，更多是为了对冲基础货币投放缺口，降息空间也愈发收缩。
            </p>
          ))
        }
        <div
          className={`cm-main-button`}
          onClick={() => {
            onClose('agree')
          }}
        >
          同 意
        </div>
        <div
          className={`cm-main-button -grey-bg`}
          onClick={() => onClose('refuse')}
        >
          拒 绝
        </div>
      </Modal>
    )
    return (
      <div className={`rt-agreement-protocol-container`}>AgreementProtocol</div>
    )
  }
}

AgreementProtocol.propTypes = {
  visible: PropTypes.bool.isRequired,
  onClose: PropTypes.func.isRequired,
}